<template>
<div class="bottom-container">
    <div class="left">
      重置
    </div>
    <div class="right">完成</div>
</div>
</template>
<script>
export default {
    name:'SearchBottom'
}
</script>
<style lang="scss" scoped>
.bottom-container{
    position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: rem(140);
    min-width: 320px;
    max-width: 750px;
    .left{
        float: left;
        width: 50%;
        height: 100%;
         line-height: 3;
         font-size: rem(45);
        text-align: center;
        background-color: #fff;
        border-top: 1px solid #f5f5f5;

        
    }
    .right{
        float: left;
        width: 50%;
        height: 100%;
        line-height: 3;
        background-color: #e74e4b;
        font-size: rem(45);
        color: #fff;
        text-align: center;
    }
}

</style>